<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>0.0.3 注册</title>
<#include "../com/top.ftl">
<!--中间  主体内容-->
<div class="a_zhuce_text">
	<!--注册步骤-->
	<div class="a_zhuce_buzhou a_zhuce_buzhou2">
		<dl>
			<dt><img src="${ctx}/resources/images/daole/a_zhuce.png"/></dt>
			<dd class="active">用户验证 </dd>
		</dl>
		<dl>
		     <dt><img src="${ctx}/resources/images/daole/a_zhuce(2).png"/></dt>
			 <dd class="active">身份信息填写 </dd>
		</dl>
		<dl>
			<dt><img src="${ctx}/resources/images/daole/a_zhuce(hui3).png"/></dt>
			<dd>注册成功</dd>
		</dl>
	</div>
	
	
	
	<form method="POST" action="${ctx}/doregist2${suffix}" enctype="multipart/form-data">
	<!--信息填写-->
	<ul class="a_zhuce_info a_zhuce_info2">
		<input type="hidden"     name="contact"    value="${contact}"   />
		
		<li>
			
			<span>真实姓名：</span>
			<input type="text" name="realName" placeholder="请输入您的真实姓名"/>
		</li>
		<li class="a_sc_zhengjian clearfix">
			<span>身份证上传：</span>
			<div class="a_shenfenzheng">
				 	 <p>请提交中华人民共和国居民身份证，无居民身份证的内地居民可提交《临时居民身份证》。格式要求：支持jpg,jpeg,bmp,gif,png格式，大小不超过5M。</p>
					 <div>
						 <h4>正面</h4>
						 <a href="javascript:void(0);">
						 	<div class="a_chuantu">
						 		<div id="preview" class="ms_xc_sct1">
			                        <img id="imghead" border=0 src="${ctx}/resources/images/daole/moren.png" width="118" height="80" />
			                    </div>
			                    <div class="mm_xc_dianji"><input type="file" name="cardFrontImgFile" onchange="previewImage(this)" /></div>
						 	</div>
						</a>
					 </div>
					 <div>
						 <h4>反面</h4>
						 <a href="javascript:void(0);">
						 	<div class="a_chuantu">
						 		<div id="preview1" class="ms_xc_sct1">
			                        <img id="imghead1" border=0 src="${ctx}/resources/images/daole/moren.png" width="118" height="80" />
			                    </div>
			                    <div class="mm_xc_dianji"><input type="file" name="cardBackImgFile" onchange="previewImage1(this)" /></div>
						 	</div>
						 </a>
					 </div>
					 <div class="a_shili">
						 <h4>案例示范</h4>
						 <div>
						 	 <a href="#"><div><img src="${ctx}/resources/images/daole/a_shenfenzheng1.png"/></div></a>
						     <a href="#"><div><img src="${ctx}/resources/images/daole/a_shenfenzheng2.png"/></div></a>
						 </div>
					</div>
				 </div>
		</li>
		<li class="a_sc_zhengjian clearfix">
			<span>驾驶证上传：</span>
			<div class="a_shenfenzheng">
				 	 <p class="a_geshi">格式要求：支持jpg,jpeg,bmp,gif,png格式，大小不超过5M。</p>
					 <div>
						 <h4>正面</h4>
						 <a href="javascript:void(0);">
						 	<div class="a_chuantu">
						 		<div id="preview2" class="ms_xc_sct1">
			                        <img id="imghead2" border=0 src="${ctx}/resources/images/daole/moren.png" width="118" height="80" />
			                    </div>
			                    <div class="mm_xc_dianji"><input type="file" name="driverLicenseFrontImgFile" onchange="previewImage2(this)" /></div>
						 	</div>
						</a>
					 </div>
					 <div>
						 <h4>反面</h4>
						 <a href="javascript:void(0);">
						 	<div class="a_chuantu">
						 		<div id="preview3" class="ms_xc_sct1">
			                        <img id="imghead3" border=0 src="${ctx}/resources/images/daole/moren.png" width="118" height="80" />
			                    </div>
			                    <div class="mm_xc_dianji"><input type="file" name="driverLicenseBackImgFile" onchange="previewImage3(this)" /></div>
						 	</div>
						 </a>
					 </div>
					 <div class="a_shili">
						 <h4>案例示范</h4>
						 <div>
						 	 <a href="#"><div><img src="${ctx}/resources/images/daole/a_shenfenzheng1.png"/></div></a>
						     <a href="#"><div><img src="${ctx}/resources/images/daole/a_shenfenzheng2.png"/></div></a>
						 </div>
					</div>
				 </div>
		</li>
		<li style="margin-top:30px;">
			<span>驾驶证号：</span>
			<input type="text" name="driverLicenseNo" placeholder="请输入您的驾驶证号"/>
		</li>
		<li class="a_last_area">
			<span>所在地区：</span>
			<div class="info">
				    <div>
				    <!--中间  主体内容
				        <select id="s_province" class="s_province" name="s_province"></select>
				        <select id="s_city" class="s_province" name="s_city" ></select>
				        <select id="s_county" class="s_province" name="s_county"></select>
				     -->
				     <select name="input_province" id="input_province" class="form-control">
					 </select>
			
			
					 <select name="input_city" id="input_city" class="form-control">
				     </select>
			
			
				     <select name="input_area" name="areaId" id="input_area" class="form-control">
				     </select>
				     
				     
				    </div>
				   <!--  <div id="show"></div> -->
				</div>
			<em class="a_xiugai">*地区注册成功不可修改</em>
		</li>
	</ul>
	
	
	<div class="a_next">
			<button type="submit" id="registBtn" class="onRegistBtn" >下一步</button>
			 <!--<div class="a_next" style="margin-left:205px;">
				<a href="0.0.4 zhuce_NO.3.html">下一步</a>
			</div>-->
			 
	</div>
	
	</form >
</div>








<#include "../com/foot.ftl">

<script type="text/javascript" src="${ctx}/resources/js/pdata.js"></script>
<script type="text/javascript" src="${ctx}/resources/js/upload.js"></script>
<script type="text/javascript">
	$(function () {
		var html = "<option value=''>省份</option>"; $("#input_city").append("<option value=''>地级市</option>"); $("#input_area").append("<option value=''>市、县级</option>");
		$.each(pdata,function(idx,item){
			if (parseInt(item.level) == 0) {
   				html += "<option value='" + item.names + "' exid='" + item.code + "'>" + item.names + "</option>";
   			}
		});
		$("#input_province").append(html);

		$("#input_province").change(function(){
			if ($(this).val() == "") return;
			$("#input_city option").remove(); $("#input_area option").remove();
			var code = $(this).find("option:selected").attr("exid"); code = code.substring(0,2);
			var html = "<option value=''>地级市</option>"; $("#input_area").append(html);
			$.each(pdata,function(idx,item){
				if (parseInt(item.level) == 1 && code == item.code.substring(0,2)) {
	   				html += "<option value='" + item.code + "' exid='" + item.code + "'>" + item.names + "</option>";
	   			}
			});
			$("#input_city").append(html);		
		});

		$("#input_city").change(function(){
			if ($(this).val() == "") return;
			$("#input_area option").remove();
			var code = $(this).find("option:selected").attr("exid"); code = code.substring(0,4);
			var html = "<option value=''>市、县级</option>";
			$.each(pdata,function(idx,item){
				if (parseInt(item.level) == 2 && code == item.code.substring(0,4)) {
	   				html += "<option value='" + item.code + "' exid='" + item.code + "'>" + item.names + "</option>";
	   			}
			});
			$("#input_area").append(html);	
			
		});
		
		
		
		
		
		
		

	});
</script>